<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
	</head>
	<body>
		<div class="container">
			<input type="text" /><br>
			<select>
				<option>请选择城市</option>
				<option>上海</option>
				<option>西安</option>
				<option>杭州</option>
			</select><br>
			<textarea>
				
			</textarea>
			<button>按钮</button><input type="button" value="按钮" /><br>
			<hr ><br>
			<div class="row">
				<div class="col-md-3">
					<!-- 引用BootStrap样式之后 -->
					<input type="text" class="form-control" /><br>
					<input type="text" class="form-control input-lg" /><br>
					<input type="text" class="form-control input-sm" /><br>
				</div>
			</div>
			<div class="row">
				<div class="col-md-7">
					<!-- 按钮 -->
					<button class="btn">按钮</button>
					<button class="btn btn-primary">按钮</button>
					<button class="btn btn-info">按钮</button>
					<button class="btn btn-default">按钮</button>
					<button class="btn btn-success">按钮</button>
					<button class="btn btn-warning">按钮</button>
					<button class="btn btn-danger">按钮</button>
					<button class="btn btn-link">按钮</button>
					<button class="btn btn-primary btn-lg">按钮</button>
					<button class="btn btn-info btn-sm">按钮</button>
					<button class="btn btn-default btn-xs">按钮</button><br>
					
					<a href="#" class="btn btn-primary">a标签</a>
					<span class="btn btn-success">span标签</span><br>
					
					<!-- 按钮的禁用 -->
					<button class="btn btn-warning" onclick="alert('hello')" disabled="disabled">按钮</button>
					<button class="btn btn-danger disabled" onclick="alert('hello')">按钮</button>
				</div>
			</div>
		</div>
	</body>
</html>
